Advanced Project Settings

2 min
Aug 15, 2024

Advanced project settings are designed to enhance the interaction between Webvizio and your project. Each setting in this section addresses a specific issue that may arise due to the unique implementation of a website or web application.

To access Advanced Settings, click on the project settings icon within the project or in the project menu on the dashboard.

Then, open the Advanced Settings tab.

Settings

Hash routing

Hash routing is a technique for implementing navigation through a web application without completely reloading pages in the browser. It works by updating the URL in the address bar with a hash symbol (#) followed by a route instead of completely changing the URL.

By default, when opening a link with hash website.com#about, Webvizio considers it similar to https://website.com and opens the same page. If hash routing is enabled, Webvizio opens https://website.com#about as a separate page. This function works both in browse mode and when adding a link in a new tab.

Task snapshots: images support

By default, if an image has been completely removed from your website, it will no longer be displayed when using the show marker feature. When this setting is enabled, Webvizio will save all images, and when you click on the show marker, the image will continue to be displayed in Webvizio even if it has been removed from your server.

Please note this setting is only available on the Advanced plan and higher. Lear more about Webvizio plans here.

Task snapshots: external domain stylesheets support

The show marker feature may incorrectly display the task marker on hover elements or over time start to display the page incorrectly if the main style files (.css) of the website are connected from external domains. When this option is enabled, Webvizio will correctly process and save CSS files from other domains, but this will increase the tabb’s loading time by 1-2 seconds.

The issue with processing external styles can be resolved without using this setting. To do this, add the crossorigin attribute with the value anonymous to all style links that are located on external domains. You can read more about the crossorigin attribute here: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin